<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'jql.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript">
 //文档加载时执行
  $(function(){
  $("#xxx").blur(function(){//当xxx失去焦点时
  
  
   var value=$("#xxx").val();
   //alert("value");
    $.ajax({
    url:"/jqueryTest/AjaxServlet",//要请求的服务器url
    data:{val:value},//这是一个对象，这是请求参数:method=ajax,val=xxx,服务器可以使用request.getParameter
    async:true,//是否为异步请求，默认
    cache:false,//是否缓存结果
    type:"POST",//请求方式
    dataType:"json",//服务器返回数据是什么类型
    success:function(result){//这个函数会在服务器执行成功时被调用，
    
      $("label").text(result.name+"-----"+result.age);
    
   
    }
    });
  
  });
  
  
  
   
    
 
  });
  
  
</script>
  </head>
  
  <body>
    用户名：<input type="text" name="name" id="xxx"/><label></label><br/>
    年　龄：<input type="text" name="age"/><br/>
  <input type="submit"value="denglu" />
  <!--  现在不支持了
  <menu type="context" id="mymenu">
  <menuitem label="刷新页面" onclick="window.location.reload();"></menuitem>
  <menu label="分享页面到">
  
  <menuitem label="新浪微博" icon="http://www.sinaimg.cn/blog/developer/wiki/LOGO_24x24.png" onclick="window.open('http://service.weibo.com/share/share.php?title=' +document.title+ '&url=' +window.location.href);">
  </menuitem>
  <menuitem label="腾讯微博" icon="http://v.t.qq.com/share/images/s/weiboicon16.png" onclick="window.open('http://share.v.t.qq.com/index.php?c=share&a=index&title=' +document.title+'&url='+window.location.href);">
  </menuitem>
  </menu>
  
  
  </menu>
  -->
  <div >
  我可以被移动
  </div>
  <div dropzone="true">
  可以托东西到我身上
  </div>
  </body>
</html>
